import {Component} from '@angular/core';
import {FocusBlurDirective} from "../focus-blur.directive";

@Component({
    selector: 'app-test-focus-blur',
    standalone: true,
    hostDirectives: [
        {
            directive: FocusBlurDirective,
            inputs: ['focusColor: fc'],
            outputs: ['focusBlurEvent: fbe'],
        }
    ],
    template: `
        <div>
                <h3>test focus blur directive</h3>
                <input placeholder="请输入..." />
   
        </div>
    `,
    styles: [`
        :host {
            display: block;
        }
    `]
})
export default class TestFocusBlurComponent {

}
